<!DOCTYPE HTML>

<html>



<head>

    <title>Home</title>

    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

    <!-- Custom Theme files -->

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="keywords" content="Easy Subscribe Form Responsive, Login form web template, Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"
    />

    <style>
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        dl,
        dt,
        dd,
        ol,
        nav ul,
        nav li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block;
        }
        
        ol,
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        blockquote,
        q {
            quotes: none;
        }
        
        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: '';
            content: none;
        }
        
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        /* start editing from here */
        
        a {
            text-decoration: none;
        }
        
        .txt-rt {
            text-align: right;
        }
        /* text align right */
        
        .txt-lt {
            text-align: left;
        }
        /* text align left */
        
        .txt-center {
            text-align: center;
        }
        /* text align center */
        
        .float-rt {
            float: right;
        }
        /* float right */
        
        .float-lt {
            float: left;
        }
        /* float left */
        
        .clear {
            clear: both;
        }
        /* clear float */
        
        .pos-relative {
            position: relative;
        }
        /* Position Relative */
        
        .pos-absolute {
            position: absolute;
        }
        /* Position Absolute */
        
        .vertical-base {
            vertical-align: baseline;
        }
        /* vertical align baseline */
        
        .vertical-top {
            vertical-align: top;
        }
        /* vertical align top */
        
        .underline {
            padding-bottom: 5px;
            border-bottom: 1px solid #eee;
            margin: 0 0 20px 0;
        }
        /* Add 5px bottom padding and a underline */
        
        nav.vertical ul li {
            display: block;
        }
        /* vertical menu */
        
        nav.horizontal ul li {
            display: inline-block;
        }
        /*end reset*/
        /*--login start here--*/
        
        body {
            font-size: 100%;
            background: #F8F8F8;
            font-family: 'Roboto Slab', serif;
        }
        
        a {
            text-decoration: none;
        }
        
        a:hover {
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
        }
        /*--header start here--*/
        
        .newsletter {
            /* background: url(../images/banner.jpg)no-repeat; */
            /* background-size: cover; */
            background-color: #fff;
            width: 62%;
            margin: 4.5em auto 2em;
        }
        
        .bg-nav {
            height: 8px;
            background: url(https://miage-pord-fangzhou.oss-cn-beijing.aliyuncs.com/watermarks/dc989adaa015305783638e3cbf9c647.png);
            background-repeat: repeat-x;
        }
        
        .logo {
            margin: 2em 2em 1em;
            padding-bottom: 2em;
            border-bottom: 1px solid rgba(93, 160, 215, 0.16);
        }
        
        .logo img {
            width: 6em;
        }
        
        .text-alignleft {
            text-align: left;
        }
        
        .title-msg {
            font-size: 30px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            padding-bottom: 1em;
            color: rgba(51, 51, 51, 1);
        }
        
        .title-user {
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            margin-bottom: 1em;
            margin-left: 2em;
            margin-right: 2em;
            text-align: left;
            color: rgba(153, 153, 153, 1);
        }
        
        .title-pass {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            margin-bottom: 2em;
            margin-left: 2em;
            margin-right: 2em;
            text-align: left;
            color: rgba(51, 51, 51, 1);
            line-height: 27px;
        }
        
        .title-new {
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #5DA0D7;
        }
        
        .change {
            color: #5DA0D7;
            text-decoration: underline;
            cursor: pointer;
        }
        
        .change-title {
            margin-top: 2em;
            padding: 2em;
            background-color: #F6FBFF;
        }
        
        .newsletter-main {
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }
        
        .login-btn {
            font-size: 1.2em;
            color: #fff;
            padding: 0.7em 1.5em;
            outline: none;
            border: none;
            border-radius: 5px;
            background: #5DA0D7;
            display: inline-block;
            margin-bottom: 1.1em;
            cursor: pointer;
            font-family: 'Roboto Slab', serif;
        }
        /*--media quiries start here--*/
        
        @media(max-width:1440px) {}
        
        @media(max-width:1280px) {
            .newsletter-main .title-msg {
                font-size: 1.5em;
            }
            .newsletter-main .title-user,
            .newsletter-main .title-new {
                font-size: 1.1em;
            }
            .newsletter-main .title-pass {
                font-size: 0.95em;
            }
            .login-btn {
                font-size: 0.9em;
                margin-bottom: 1.5em;
            }
        }
        
        @media(max-width:1024px) {
            .newsletter-main .title-msg {
                font-size: 1.5em;
            }
            .newsletter-main .title-user,
            .newsletter-main .title-new {
                font-size: 1.1em;
            }
            .newsletter-main .title-pass {
                font-size: 0.95em;
            }
            .login-btn {
                font-size: 0.9em;
                margin-bottom: 1.5em;
            }
        }
        
        @media(max-width:768px) {
            .newsletter-main .title-msg {
                font-size: 1.2em;
            }
            .newsletter-main .title-user,
            .newsletter-main .title-new {
                font-size: 1em;
            }
            .newsletter-main .title-pass {
                font-size: 0.8em;
            }
            .login-btn {
                font-size: 0.8em;
                margin-bottom: 1.5em;
            }
        }
        
        @media(max-width:640px) {
            .newsletter-main .title-msg {
                font-size: 1.5em;
            }
            .newsletter-main .title-user,
            .newsletter-main .title-new {
                font-size: 1.1em;
            }
            .newsletter-main .title-pass {
                font-size: 0.95em;
            }
            .login-btn {
                font-size: 0.9em;
                margin-bottom: 1.5em;
            }
            .newsletter-main .change-title {
                font-size: 0.8em;
            }
        }
        
        @media(max-width:480px) {
            .newsletter-main .title-msg {
                font-size: 1.5em;
            }
            .newsletter-main .title-user,
            .newsletter-main .title-new {
                font-size: 0.85em;
            }
            .newsletter-main .title-pass {
                font-size: 0.85em;
            }
            .login-btn {
                font-size: 0.9em;
                margin-bottom: 1.5em;
            }
            .newsletter-main .change-title {
                font-size: 0.6em;
            }
        }
        
        @media(max-width:384px) {
            .newsletter-main .title-msg {
                font-size: 1.5em;
            }
            .newsletter-main .title-user,
            .newsletter-main .title-new {
                font-size: 0.6em;
            }
            .newsletter-main .title-pass {
                font-size: 0.6em;
            }
            .login-btn {
                font-size: 0.6em;
                margin-bottom: 1.5em;
            }
            .newsletter-main .change-title {
                font-size: 0.6em;
            }
        }
        
        @media(max-width:320px) {
            .newsletter-main .title-msg {
                font-size: 1.5em;
            }
            .newsletter-main .title-user,
            .newsletter-main .title-new {
                font-size: 0.6em;
            }
            .newsletter-main .title-pass {
                font-size: 0.6em;
            }
            .login-btn {
                font-size: 0.6em;
                margin-bottom: 1.5em;
            }
            .newsletter-main .change-title {
                font-size: 0.6em;
            }
        }
        /*--media quiries end here--*/
    </style>



</head>



<body>

    <div class="newsletter">

        <div class="newsletter-main">

            <div class="bg-nav"></div>

            <div class="logo text-alignleft">

                <img src="https://miage-pord-fangzhou.oss-cn-beijing.aliyuncs.com/watermarks/17a8188e2e2f72dfa957ce0d0bb8df4.png">

            </div>

            <h2 class="title-msg">重置密码</h2>

            <div class="title-user">Hi,{{.Email}}，您好！</div>

            <div class="title-pass">

                非常感谢您试用方舟管理平台，您的新密码为，

                <span class="title-new">{{.PWD}}</span> ，请您妥善保存

            </div>

            <div class="login">
                <a href="{{.Login}}" class="login-btn">登录方舟管理系统</a>
            </div>

            <div class="text-alignleft change-title">如果不是您本人操作，请忽略本邮件并建议您

                <a class="change" href="{{.ResetPWD}}">修改密码</a>

            </div>
            <div>
                <i>2222</i>
                <em>sadasd</em>
            </div>
        </div>

    </div>



</body>



</html>